@charset "utf-8";

*{margin: 0; padding: 0;}
body, html { height:100%; text-align:justify;text-justify:inter-word;/* background: linear-gradient(#3db3fd, #41c8fd);*/ background-color:#fff;font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;}
li{ list-style-type:none;}
a{text-decoration:none;}

.fl { float:left;}
.fr { float:right;}
.clearfix { clear:both;}


.container { height:100%; }
.containerBg { background-color:#f2f2f2;}




.bounceOutUp {
	opacity:0;
	animation:bounceOutUp 0.5s ease-in 0s 1 normal;
	-ms-animation:bounceOutUp 0.5s ease-in 0s 1 normal;
	-webkit-animation:bounceOutUp 0.5s ease-in 0s 1 normal;
	animation-fill-mode:forwards ;
}
.bounceOutDown {
	opacity:0;
	animation:bounceOutDown 0.5s ease-in 0s 1 normal;
	-ms-animation:bounceOutDown 0.5s ease-in 0s 1 normal;
	-webkit-animation:bounceOutDown 0.5s ease-in 0s 1 normal;
	animation-fill-mode:forwards ;
}
.bounceInUp {
	opacity:0;
	animation:bounceInUp 0.5s ease-in 0s 1 normal;
	-ms-animation:bounceInUp 0.5s ease-in 0s 1 normal;
	-webkit-animation:bounceInUp 0.5s ease-in 0s 1 normal;
	animation-fill-mode:forwards ;
}
.bounceInDown {
	opacity:0;
	animation:bounceInDown 0.5s ease-in 0s 1 normal;
	-ms-animation:bounceInDown 0.5s ease-in 0s 1 normal;
	-webkit-animation:bounceInDown 0.5s ease-in 0s 1 normal;
	animation-fill-mode:forwards ;
}

@keyframes bounceOutUp {
0%, 60%, 75%, 90%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
	opacity: 1;
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
}
/*60% {
	opacity: 1;
	-webkit-transform: translate3d(0, 25px, 0);
	transform: translate3d(0, 25px, 0);
}*/
75% {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, 5px, 0);
}
90% {
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, -10px, 0);
}
100% {
	-webkit-transform: none;
	transform: none;
}
}

@keyframes bounceOutDown {
0%, 60%, 75%, 90%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
	opacity: 1;
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
}
/*60% {
	opacity: 1;
	-webkit-transform: translate3d(0, 25px, 0);
	transform: translate3d(0, 25px, 0);
}*/
75% {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}
90% {
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}
100% {
	-webkit-transform: none;
	transform: none;
}
}
			
@keyframes bounceInUp {
   0%, 100%, 60%, 75%, 90% {
   -ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
   -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
   transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
  }
   0% {
   opacity: 0;
   -ms-transform: translate3d(0, 3000px, 0);
   -webkit-transform: translate3d(0, 3000px, 0);
   transform: translate3d(0, 3000px, 0)
  }
  /* 60% {
   opacity: 1;
   -ms-transform: translate3d(0, -20px, 0);
   -webkit-transform: translate3d(0, -20px, 0);
   transform: translate3d(0, -20px, 0)
  }*/
   75% {
   -ms-transform: translate3d(0, 10px, 0);
   -webkit-transform: translate3d(0, 10px, 0);
   transform: translate3d(0, 10px, 0)
  }
   90% {
   -ms-transform: translate3d(0, -5px, 0);
   -webkit-transform: translate3d(0, -5px, 0);
   transform: translate3d(0, -5px, 0)
  }
   100% {
   -ms-transform: translate3d(0, 0, 0);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   opacity:1;
  }
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	/*60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}*/
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
	100% {
	 -ms-transform: translate3d(0, 0, 0);
	 -webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
	 opacity:1;
	}
}



/*MUI*/


.mui-bar-nav {    -webkit-box-shadow: 0 1px 2px #ccc;    box-shadow: 0 1px 2px #ccc;}
.mui-bar {/*background-color: #14b5eb;*/-webkit-box-shadow:0 0 1px rgba(0,0,0,.25);box-shadow:0 0 1px rgba(0,0,0,.25);}
.mui-bar .mui-btn-link { color:#fff;}
.mui-content { background-color:transparent;}
.mui-bar .mui-title { color:#fff;}
.mui-btn-primary { background-color: #14b5eb; border:1px solid #14b5eb;}

.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
    color: #40c4fd;
}
.mui-table-view:before {
    background-color: transparent;
}
.mui-icon-bars:before { color:#fff;}

.mui-bar-tab .mui-tab-item.mui-active { color:#2399f3;}

.allBg {box-shadow: 0 1px 2px #14b4eb;} 

.mui-bar-nav.mui-bar .mui-icon { color:#fff;}
.mui-bar-transparent {
    top: 0;
    background-color: rgba(247,247,247,0);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mui-numbox { height:35px;}


/*
.mui-table-view-cell>a:not(.mui-btn) {
    margin: 0;
    padding: 0;
}
.mui-btn, button, input[type=button], input[type=reset], input[type=submit] {background-color: #ecf9ff;} 
.mui-btn {
    font-size: 16px;
    padding: 8px;
    margin: 3px;
}
.mui-btn-red { background-color:#dd524d;     margin: 0;}
.mui-table-view .mui-media, .mui-table-view .mui-media-body {
    color:#4d4d4d;
}
.mui-popup-backdrop { z-index:999;}
.mui-navigate-right:after, .mui-push-right:after { right: 0px;}
 
.mui-left img.icon { height:18px; vertical-align:top; margin-right:5px;}

.mui-table-view .mui-table-view-cell {color: #6d6d6d;}
.mui-table-view .mui-active a {color: #000;}
.mui-table-view .mui-slider-handle p { color: #4d4d4d; font-size:1em; margin-top:0.3em;}
.mui-table-view .mui-slider-handle { position:relative;}
.mui-table-view .mui-slider-handle .fr { position:absolute; right:0; top:0;}

.mui-table-view-cell.mui-collapse .mui-table-view { margin-bottom:0.5em;}
.mui-bar-tab { z-index:999;}

 
 
.loginRadio input[type=radio]:checked:before {color: #fff;}
.loginRadio input[type=radio]:before{color: #fff;}
.loginRadio label { line-height:1.3}
.loginRadio { position:absolute; top:-10px;}
.loginRadioBox { position:relative; width:100%; display:block; height:3em;}
.loginRadio2 { right:0;}

.mtInfo2 label { line-height:1.3; color:#6d6d6d;}*/






 
 /*商城首页*/
.ad { margin-bottom:5px;}
.ad img { width:100%;}

.ad2 { padding:20px 0;}
.ad2 img { width:32%;}
.ad2 .a2 { margin:0 2%;}

.mainBar  { text-align:center;}
.mainBar .logo { height:60%; margin:3% auto; }
.mainBar .mui-input-row { clear:none;}
.mainBar .mui-search { width:79%; float:left; margin:0 1.95%;}
.mainBar .mui-search input { background-color:#fff; border-radius:35px;}
.mainBar .buycar { width:7%; float:right;}
.mainBar .buycar img { width:100%; margin-top:6px;}

.mainBar .searchPop {width:79%; float:left; margin:0 1.95%;}
.mainBar .searchPop span {background-color:#fff; border-radius:35px; height:30px;width: 100%; margin-top: 5px; padding-top:3px; text-align:center;}

.searchBox { width:100%; position:absolute; z-index:999; background-color:#fff; padding:10px 10px 0; display:none;}
.searchBox ul { float:left;}
.searchBox ul.back { width:8%; margin-top:5px;}
.searchBox ul.search { width:75%;}
.searchBox ul.btn { width:17%; padding-left:3%;}
.searchBox ul.btn a { width:100%; background-color:#2399f3; height:34px; line-height:34px; color:#fff; display:inline-block; text-align:center; border-radius:5px; font-size:16px;}

.searchBox ul.list { clear:both; color:#333; width:100%;}
.searchBox ul.list li {border-bottom:1px solid #e2e2e2;  line-height:50px;}
.searchBox ul.list li span { float:right; margin:13px 5px 0; font-size:13px; background-color:#e9e9e9; color:#a2a2a2; line-height:24px; padding:0 10px; border-radius:5px;}

.local-open .searchBox { display:block;}


/*商品列表*/
.mui-table-view { background-color:transparent;}
/*.porductList .mui-table-view-cell { background-color:#fff !important; }
.porductList .mui-table-view-cell span { background-color:#fff; }*/
.porductList { display:inline-block !important;}
.porductList .mui-col-xs-6 { float:left;}
.porductList .mui-table-view-cell .mui-media-body { margin-top:0; background-color:#fff;}
.porductList .mui-table-view-cell .t { font-size:15px; white-space:normal; height:40px; color:#666; overflow:hidden; padding:0 10px;}
.porductList .mui-table-view-cell a span { background-color:#fff; display:block; padding-bottom:5px; position:relative;}
.porductList .mui-table-view-cell .price { line-height:40px; margin-top:5px; text-align:left; padding:0 10px;}
.porductList .mui-table-view-cell .price span { color:#d52577; font-size:18px;display: inline;}
.porductList .mui-table-view-cell .price em.d { font-style:normal; font-size:12px; color:#A0A0A0; text-decoration: line-through;}
.porductList .mui-table-view-cell .price em.fr { font-style:normal; font-size:12px; color:#A0A0A0;}
.porductList .mui-table-view-cell a span .label { position:absolute; width:42px; right:0;}
.porductList .mui-table-view-cell a span .label img { width:100%;}
.porductList:after { height:0;}


/*商品列表-横排*/
.pt88 { padding-top:73px; }
.pt88 .mui-table-view .mui-media-object {line-height: 80px; max-width:100px; height: 80px; width:100px;}
.pt88 .mui-table-view-cell>a:not(.mui-btn) { white-space:normal;}
.pt88 .mui-table-view .mui-media, .mui-table-view .mui-media-body {}
.pt88 .mui-table-view .mui-media-body p.t { color:#666;font-size: 15px; /*height:50px;*/ line-height:22px; margin-bottom:10px;}
.pt88 .mui-table-view .mui-media-body p.b {  /*height:30px;*/}
.pt88 .mui-table-view .mui-media-body p.b span {color:#fff; font-size:12px;display: inline; margin-right:10px; border-radius:2px; background-color:#d52577; padding:2px 5px;}
.pt88 .mui-table-view .mui-media-body p.b span.i1 { background-color:#66ba0c;}
.pt88 .mui-table-view .mui-media-body p.b span.i2 { background-color:#B7B7B7;}
.pt88 .mui-table-view .mui-media-body p.b em.d { font-style:normal; font-size:12px; color:#A0A0A0; /*text-decoration: line-through;*/}
.pt88 .mui-table-view .mui-media-body p.b em.fr { font-style:normal; font-size:12px; color:#A0A0A0;}
.pinkBar { background-color: #d6212b; box-shadow: none;}
.pinkBar .mui-icon { color:#fff;}

.pt88 .mui-table-view .mui-media-body p.b span.icon-menu2 { margin-left:10px; font-size:22px;color: #2399f3;}

.searchTab { position: fixed; z-index: 10; right: 0; left: 0; top:44px; height: 44px; line-height:44px; background-color:#fff;}
.searchTab:after { position: absolute;bottom: 0;left: 0; right:0;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}
.searchTab a { /*width:25%; */text-align:center; display:inline-block; font-size:14px; color:#666; margin:0 10px;}
.searchTab a em.down { height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666; display: inline-block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-left:5px; vertical-align: middle;}
.searchTab a em.up { height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #666; display: inline-block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-left:5px; vertical-align: middle;}
.searchTab a.here { color:#d52577; position:relative;}
.searchTab a.here:after {position: absolute;height: 2px; width:100%; content: ''; background-color:#d52577; left:0; bottom:2px;}
.searchTab a.here em.down {border-top: 5px solid #d52577; }
.searchTab a.here em.up {border-bottom: 5px solid #d52577; }

.searchTab ul { width:92%; float:left; text-align:center;}
.searchTab .add { width:22px; height:22px; position:absolute; right:5px; line-height:22px; background-color:#f85959; color:#fff; border-radius:100px; top:12px; font-size:16px;}



.loading {
    width: 130px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    padding-left: 35px;
    padding-right: 20px;
    margin: 50% auto;
    font-size: 14px;
    background: #000 url(../images/loading.gif) no-repeat 15px 50%;
    opacity: 0.5;
    z-index: 9999;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}



 
@media (max-width: 376px){ 
header { font-size:1.4em;height:2em; line-height:2em;}
header a img { width:26px;}

 }
 
 
 
@media (max-width: 321px){ 
header { position:absolute; text-align:center; font-size:1.2em; width:100%; height:2em; line-height:2em;  overflow: hidden;z-index:999; }
header a img { width:24px;}


 }
 .footer a{
 text-decoration: none;
 }
 

 /* reset sm.min.css */
 .searchbar {
	 height: 2.6rem !important;
 }
 .searchbar .search-input{
	 margin: 0 12px !important;
 }
 .searchbar .search-input input {
	 border: 1px solid #ddd;
	 height: 1.8rem !important;
 }


 /* reset flickerplate.css */
 .flickerplate .dot-navigation{
	 bottom: 0 !important;
 }
 .flickerplate .dot-navigation .dot {
	 width: 8px !important;
	 height: 8px !important;
 }
 .flickerplate .dot-navigation .dot.active{
	 background-color: #0894ec !important;
 }

 /* 重写 sm 样式 */
 .list-block .item-inner {
	 font-size: 16px;
 }